<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
   			
   		});
   		
    </script>
	<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">	　	
	<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>	
	<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>  	
  	<link rel="stylesheet" type="text/css" href="css/themes/May.css"/>
  	<link rel="stylesheet" type="text/css" href="css/themes/May.min.css"/>	  		
  	<!--在屏幕向右滑，滑出面板-->
  	<script>
	$( "#mypanel" ).trigger( "updatelayout" ); //声明面板
	</script>
	<script type="text/javascript">
    $(document).ready(function(){
      $("div").bind("swiperight", function(event) {
        $( "#mypanel" ).panel( "open" );
      });  
    });
	</script>
	<script src="js/address.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cartoon.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
		<div data-role="page">
			<!--这个就是面板-->
			<div data-role="panel" id="mypanel" data-display="push">				
				<div id="touxiang">	
					<h3>谢炜斌</h3>
				</div>
				
				<ul data-role = "listview" >
					<li data-icon="false"><a href="#" ><span class="ui-li-count">12</span>收件箱</a></li>
					<li data-icon="false"><a href="#" >我的收藏</a></li>
					<li data-icon="false"><a href="#" >扫一扫</a></li>
					<li data-icon="false"><a href="#" >浏览记录</a></li>
					<li data-icon="false"><a href="guanyu.html" >关于</a></li>
				</ul>				
			</div>
			
			<!-- 头部导航栏 -->
	        <div data-role="header" data-position="fixed">
	        	<!--联系方式按钮-->
				<a href="#mail" data-rel="popup" data-position-to="window" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-mail ui-btn-icon-notext"></a> 
				<h1>安利君</h1>
				<!--刷新按钮-->
				<a href="javascript:location.reload();" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-notext ui-icon-refresh ui-btn-inline"></a> 								        
				<!--二级导航栏-->
				<div data-role="navbar">
			      <ul>
			        <li><a data-ajax="false" href="book.html" >书籍</a></li>
			        <li><a href="#" class="ui-btn-active">动漫</a></li>
			      </ul>
    			</div>	        
	        </div>         

		        <!--联系方式对话框-->
				<div data-role="popup" id="mail" data-overlay-theme="a" data-theme="" data-dismissible="true" style="max-width:400px;" class="ui-corner-all">
					<div data-role="header" data-theme="a" class="ui-corner-top">
						<h1>联系作者</h1>
					</div>
					<div data-role="content" data-theme="a" class="ui-corner-bottom ui-content">
						<h4>Tel：18124382360</h4>
						<h4>E-Mail：1255822302@qq.com</h4>
						<h4>Wechat：18124382360</h4>
						<a href="#" data-role="button"  data-rel="back" data-theme="a">OK</a>
					</div>
				</div>	
				
				
		    <!--内容-->
			<div data-role="content">
				<fieldset id="clist"  class="ui-grid-a">

				</fieldset>
			</div>	
	

			
			<!--底部导航栏-->
	        <div data-role="footer" data-position="fixed">
				<div data-role="navbar" class="nav-glyphish-example">    
					<ul>        
						<li><a data-ajax="false" id="life" href="index.html" data-icon="home">心路历程</a></li>        
						<li><a data-ajax="false" id="share" href="#" data-icon="video" class="ui-btn-active">安利君</a></li>        
						<li><a data-ajax="false" id="memory" href="memory.html" data-icon="eye" >朝花夕拾</a></li>    
						<li><a data-ajax="false" id="my" href="my.html" data-icon="user" >我的</a></li>          
					</ul>    
				</div>
	        </div>
	        
		</div>
</body>
</html>